<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>BOSS直聘-互联网招聘神器！</title>
    <link rel="shortcut icon" type="image/x-icon" href="img/favicon.png">
    <!-- 引用外部的样式表 -->
    <link rel="stylesheet" href="css/main.css">
</head>
<body>
    <div class="container">
        <!-- 头部 -->
        <div class="home-header">
        <img src="img/boss直聘素材.png" alt="">
             <!-- 创建一个表单（用户输入数据的地方） -->
             <form >
             <input type="text" placeholder="搜索职位/公司">
             <button>搜索</button>    
             </form>
            </div>
       
        <!-- 分类 -->
        <div class="home-categories">
            <dl>
                <dt>
                    <img src="img/technology.png" alt="">
                    <div>技术</div>
    
                </dt>
                <dd>
                    <a href=""class="tag">Java</a>
                    <a href=""class="tag">PHP</a>
                    <a href=""class="tag">Web前端</a>
                    <a href=""class="tag">数据挖掘</a>
                    <a href=""class="tag">c++</a>
                    <a href=""class="tag">Python</a>
                    <a href=""class="tag">Android</a>
                    <a href=""class="tag">iOS</a>
    
                </dd>
    
    
            </dl>
            <dl>
                <dt>
                    <img src="img/product.png" alt="">
                    <div>产品</div>
    
                </dt>
                <dd>
                    <a href=""class="tag">产品经理</a>
                    <a href=""class="tag">产品助理</a>
                    <a href=""class="tag">网页产品经理</a>
                    <a href=""class="tag">数据产品经理</a>
                  
    
                </dd>
    
    
            </dl>
            <dl>
                <dt>
                    <img src="img/designer.png" alt="">
                    <div>设计</div>
    
                </dt>
                <dd>
                    <a href=""class="tag">UI设计师</a>
                    <a href=""class="tag">平面设计师</a>
                    <a href=""class="tag">交互设计师</a>
                    <a href=""class="tag">设计总监</a>
                   
    
                </dd>
    
    
            </dl>
            <dl>
                <dt>
                    <img src="img/market.png" alt="">
                    <div>市场</div>
    
                </dt>
                <dd>
                    <a href=""class="tag">市场营销</a>
                    <a href=""class="tag">商务渠道</a>
                    <a href=""class="tag">品牌公关</a>
                    <a href=""class="tag">市场总监</a>
                    <a href=""class="tag">策划经理</a>
                    <a href=""class="tag">活动策划</a>
                    <a href=""class="tag">SEO</a>
                    <a href=""class="tag">SEM</a>
    
                </dd>
    
    
            </dl>
    
        </div>
        <!-- 底部 -->
        <div class="home-footer">
            <p>违法和不良信息举报邮箱：jubao@kanzhun.com</p>
            <p>企业服务热线和举报投诉：400 065 5799</p>
        </div>
    </div>
    <!-- class类 -->
    <!-- <h1 class="center">只是一个标题标签</h1>
    <div class="center">这是一个div</div>
    <p id="red">这是一个段落1</p>
    <p id="green">这是一个段落2</p> -->

    
</body>
</html>
